.fna-reception{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #F2F7FF;
    .multi-col-layouts{
        .fna-flex-icon-item{
            flex: 0 1 40%;
            margin: 10px 5%;
            background: #FFFFFF;
            box-shadow: 0 1px 4px 0 rgba(142,142,142,0.23);
            border-radius: 10px;
            padding: 10px 0;
            .fna-flex-icon-item-icon{
                width: 40%;
                height: 70px;
                svg{
                    width: 100%;
                    height: 100%;
                }
            }

            &:nth-child(n+6){
                margin-top: 15px;
            }
        }
    }
}

.fna-reception-type{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #F2F7FF;
    overflow-y: auto;
    .fna-Ocr{
        width: 100%;
        height: 100%;
        background: #F2F7FF;
        & > img{
            width: 100%;

        }

    }

    #container1{
        .invoice-footer-isForm{
            width: 100%;
            overflow: hidden;
			white-space: nowrap;
            a{
                width: 50%;
                float: left;
                border: 0;
            }
        }
    }
    
}

//手动查验
.fna-EnterByHand{
    h4{
        text-align: center;
    }
    .btn-box{
        overflow: hidden;
        width: 100%;
        position: fixed;
        bottom: 0;
        a{
            float: left;
            width: 50%;
            border:0;
            border-top: 1px solid rgb(221, 221, 221);
        }
        
    }
}

.fna-ocr-invoiceCSS{
    width: 90%;
    border-radius: 10px;
    margin: 10px auto;
    padding: 10px 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(142,142,142,0.23);
    
    .fna-ocr-invoiceCSS-left{
        float: left;
        margin-right: 5px;
        img{
            width: 70px;
            height: 90px;
        }
    }

    .fna-ocr-invoiceCSS-middle{
        float: left;
        text-align: left;
        & >div{
            line-height: 22px;
            &:nth-child(2){
                color: #333;
            }
            &:nth-child(3){
                color: #333;
            }
        }
    }

    .fna-ocr-invoiceCSS-right{
        width: 28%;
        height: 100%;
        text-align: left;
        float: right;
        & >div{
            line-height: 16px;
            text-align: left;
            
            &:nth-child(2){
                width: 85%;
                padding: 6px 4px;
                color: #fff;
                border-radius:5px; 
                margin-top: 10px;
                text-align: center;
            }
        }
    }
}

//识别状态对应背景色
.state_0{
    background: #f00;
}

.state_1{
    background: #5CB85C;
}

.state_2{
    background: #F0AD4E;
}

.state_3{
    background: #5CB85C;
}

.invoice-noContent{
    background: no-repeat url('/images/fna/fnaMobile/bg.png');
    background-size: 100% 100%;
}

//显示页面
.fna-invoiceInfo{
    width: 100%;
    height: calc(~"100% - 40px");
    overflow: auto;
    .fna-invoiceInfo-footer{
        width: 100%;
        height: 47px;
        position: fixed;
        bottom: 0;
        left: 0;
        white-space: nowrap;

        &.btn_3{
            a{
                color: #fff;
                float: left;
                width: 33%;
                text-align: center;
                &:nth-child(2){
                    width: 34%;
                }
            }
        }

        &.btn_2{
            a{
                color: #fff;
                float: left;
                width: 50%;
                text-align: center;
               
            }
        }

        &.btn_1{
            width: 100%;
        }

    }
}

/******************手动识别  自动查验页*********************/
.fna-autoCheck{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #F2F7FF;
    header{
        overflow: hidden;
        padding: 15px 0;
        text-align: center;
        font-weight: 500;
        div{
            display: inline-block;
            font-size: @word-fontSize-18;
        }
        span{
            display: inline-block;
            font-size: @word-fontSize-12;
            padding: 4px 6px;
            border: 1px solid greenyellow;
            position: relative;
            top: -6px;
            left: 6px;
            border-radius: 2px;
            color: greenyellow;
        
        }
    }

    .fna-autoCheck-row{
        overflow: hidden;
        .row-col_1{
            padding: 10px 5%;
            div{
                line-height: 18px; 
            }
        }

        .row-col_2{
            padding: 10px 5%;
            float: left;
            width: 40%;
            div{
                line-height: 18px;
            }
        }
    }

    .fna-autoCheck-footer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 47px;
        &.fna-autoCheck-footer-isForm{
            overflow: hidden;
            a{
                float: left;
                width: 50%;
                border: 0;
            }
        }
    }
}